@charset "utf-8";
/* CSS Document Edited by LiLu */
/***   wzdth1  网站地图 ***/

.wzdth1{font-size:20px;color:#666;padding-top:30px;text-align: center;}
.wzdtMain{margin-left:20%;margin-right:20%;}
.sitemapB1{border-bottom:1px #ddd solid;padding-top:30px;}
.smapB1ptou{line-height:30px;color:#fff;padding-left:10px;padding-right:10px;background-color: #791722;display:inline-block;font-size:14px;margin-bottom: 10px;}
.smapB1ptou a{color:#fff;}
.sitemapB1nr a{font-size:14px;color:#666;display:inline-block;margin-right:45px;margin-bottom:15px;}
.sitemapB1nr{padding-top:25px;}
.sitemapB1nr a:hover{color: #791722}
.sitemapB1fen{float:left;width:570px;}
.fzxnrB a{display:inline-block;font-size:14px;color:#666;min-width:283px;text-decoration:underline;margin-bottom:15px;}
.fzxnrB a:hover{color: #791722}
.fzxLda{margin-left:50px;}

/*main*/
main{ position: relative; z-index: 100; padding-top: 110px;}
.body_index main{ z-index: inherit;}
/*focus*/
#focus{ display: block;}
#focus .item{ text-align: center; position: relative; background: url("../images/loader.gif") center center no-repeat;}
#focus .owl-controls { width: 100%; position: absolute; bottom: 0; left:0; z-index:20; text-align: center;}
/*index_con*/
.index_con{ overflow: hidden; padding: 40px 0 0; background: url("../images/index_01.jpg") fixed repeat;}
.adv_show{ width: 343px; float: right; position: relative; z-index: 200; background: #791722; margin:10px 0 0 6%;}
.adv_show a{ display: block; padding: 20px; position: relative;}
.adv_show a:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 134px; border: 2px solid #fff; border-top-color: transparent;}
.adv_poster{ position: relative;height:327px;}
.adv_poster:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.40);}
.adv_poster:after{ content: ""; position: absolute; top:50%; left:50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; background:url("../images/video_01.png") center center no-repeat;}
.adv_tit{ background: #fff; height: 114px; padding-top: 28px; position: relative;}
.adv_tit img{ margin: 0 auto;}
.adv_show:hover .adv_poster:before{ background: rgba(0,0,0,.30);}
#adv_phone{ display: none;}
img.img_phone{ display: none; width: 100%;}

/*information*/
.information{ overflow: hidden; background: url("../images/index_03.png") left -20px no-repeat; font-family:'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";}
.information_tit{ float: left; padding:40px 0 0;}
.information_tab{ float: right; margin: 20px 0 0;}
.information_tab li{ float: left; margin-left: 30px;}
.information_tab li a{ display: table; width: 42px; height: 110px; padding: 0 12px; background: url("../images/index_04.png") no-repeat; font-size: 16px; line-height: 18px; text-align: center;}
.information_tab li a span{ display: table-cell; vertical-align: middle;}
.information_tab li:hover a,.information_tab li.information_cur a{ background-image: url("../images/index_04b.png"); color: #791722;}
.information_box{ width: 100%; overflow: hidden; padding: 60px 0 0;}
.information_area{ filter:alpha(opacity=100); opacity: 1; height: auto; }
.information_dis{ filter:alpha(opacity=0); opacity: 0; height: 0; overflow: hidden;}
.information_scr{}
.information_item{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px;}
.information_des{ color: #000; line-height: 20px; max-height: 40px; overflow: hidden;}
.information_scr .owl-controls{ margin-top: 22px; text-align: left;}
.information_scr .owl-controls .owl-page{ margin-right: 6px;}
.information_scr .owl-controls .owl-page span{ margin: 0; filter: Alpha(Opacity=100); opacity: 1; width: 15px; height: 15px; background: url("../images/index_05.png") no-repeat; background-size: 15px;}
.information_scr .owl-controls .owl-page.active span, .information_scr .owl-controls.clickable .owl-page:hover span{ background-position: 0 -15px;}
/*banner*/
.banner{ height: 398px; position: relative;}
.banner_area{ position: fixed; left:0; width: 100%; height: 398px; background-position: center top; background-size: cover; background-repeat: no-repeat;}
.banner .sec_tit{ margin-top: 140px;}
/*sub_warp*/
.sub_warp{ position: relative;/* min-height: 660px;*/ overflow: hidden; background: #fff; padding: 40px 0 80px; font-family:'Microsoft Jhenghei', '微軟正黑體', Microsoft YaHei, "微软雅黑";  }
.sub_top{ line-height: 20px; padding-bottom: 30px; border-bottom: 1px solid #cacaca; margin-bottom: 60px;}
.position{ float: left; font-size: 16px; color: #000; border-left: 3px solid #791722; border-right: 3px solid #791722; padding: 0 10px;}
.position a{ padding: 0 6px;}
.back{ float: right; font-size: 16px; position: relative; padding-right: 30px;}
.back:before{ content: ""; width: 18px; height: 18px; background: url("../images/ico_01.png") right center no-repeat; position: absolute; top:50%; right: 0; margin-top: -9px;}
.back:hover:before{ background-position: left center; color: #791722;}
/*sub_box*/
.sub_box{}
.column_top{ padding-bottom: 50px; border-bottom: 1px dotted #cacaca; margin-bottom: 50px;}
.column_tit{ float: right; margin-left: 5%;}
.column_des{ overflow: hidden; font-family:"仿宋", FangSong,arial, helvetica, sans-serif; font-size: 16px; line-height: 2;}
.list_01{ margin: -20px;}
.list_01 li{ padding: 20px; margin: 0 auto; position: relative;}
.list_01 li a{ display: block; position: relative;}
.list_img{ overflow: hidden; margin-bottom: 30px;padding-bottom:3px;}
.list_info{ padding: 20px 0 20px 30px; border-top: 2px solid #999; border-bottom: 2px solid #999; background: url("../images/ico_02.png") left 20px no-repeat;}
.list_tit{ font-size: 18px; font-weight: bold; line-height:24px; height: 24px; overflow: hidden; margin-bottom: 20px;}
.list_des{ color: #666; line-height:24px; height: 72px; text-align: justify; overflow: hidden; margin-bottom: 10px;}
.list_other{ color: #000; overflow: hidden;}
.more_01{ float: right; padding-right: 20px; position: relative;}
.more_01:before{ content: ""; width: 7px; height: 11px; position: absolute; top:50%; right: 0; margin-top: -5px; background: url("../images/ico_03.png") right center no-repeat;}
.more_01:hover{ color: #791722;}
.more_01:hover:before{ background-position: left center;}
.list_01 li:hover{ box-shadow: 0 0 15px -3px #aaa;}
/*paging*/
.paging{ margin: 80px 0 50px; font-size: 20px; text-align: center;}
.paging a{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; text-align: center; line-height: 36px; margin: 0 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid transparent;}
.paging a.paging_cur{ border-color: #791722;}
.paging a.paging_prev,.paging a.paging_next{ width: 128px; height: 48px; text-indent: -9999px; border-radius: 0; background: url("../images/paging_01a.png") no-repeat;}
.paging a.paging_prev:hover{ background-image: url("../images/paging_01b.png");}
.paging a.paging_next{ background-image: url("../images/paging_02a.png");}
.paging a.paging_next:hover{ background-image: url("../images/paging_02b.png");}
/*problem*/
.problem{ margin-top: -15px;}
.problem li{ padding: 15px 0; border-bottom: 1px solid #cacaca; margin-bottom: 20px; position: relative;}
.problem li a{ position: relative; color: #666;}
.problem_q{ color: #791722; font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.problem_a{ color: #000; margin-bottom: 15px;}
.problem_date{ float: right;}
.problem li:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: #fff;}
.problem li:hover:before{ background-color: #f7f7f7;}
/*message*/
.message{ margin: 80px 0 -80px; padding: 80px 0; background: url("../images/message_01.jpg") repeat;}
.sec_tit{ text-align: center; position: relative;}
.dec_l,.dec_r{ display: block; width: 30%; height: 18px; position: absolute; top:50%; margin-top: -9px;}
.dec_l{ left:0; background: url("../images/ico_04.png") right center no-repeat;}
.dec_r{ right:0; background: url("../images/ico_05.png") left center no-repeat;}
.tit_img{ display: block; width: 38%; margin: 0 auto; }
.tit_img img{ margin: 0 auto;}
.m_form{ width: 70%; max-width: 830px; margin: 50px auto 0;}
.m_line{ padding: 5px; position: relative;}
.m_txt{ width: 100%; padding: 10px 0 10px 14px; font-size: 14px; border:2px solid #c3110e;}
.m_btn{ width: 100%; height: 44px; font-size: 14px; color: #fff; background: #c3110e;}
.line_textarea:before{ content: ""; width: 44px; height: 42px; background: url("../images/ico_08.jpg") no-repeat; position: absolute; bottom: 4px; right: 4px;}
.m_yu{ height: 160px; padding-right: 20px; resize: none;}
.m_handle{ width: 100%; overflow: hidden; clear: both; text-align: center; padding-top: 20px;}
.m_submit,.m_reset{ width: 66px; height: 33px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; font-size: 14px; border:2px solid #c3110e; color: #fff; background: #c3110e; margin: 0 15px;}
.m_submit:hover,.m_reset{ background: transparent; color: #c3110e;}
.m_reset:hover{ background: #c3110e; color: #fff;}

/*story*/
.story_warp{ padding-bottom: 200px; background:#fff url("../images/story_04.jpg") center bottom no-repeat;}
.story_top{ position: relative;}
.story_top:before{ content:""; position: absolute; top:0; left:-197px; width: 387px; height: 37px; background: url("../images/story_01.png") no-repeat;}
.story_top .column_tit{ float: left; margin: 0 50px 0 -40px;}
.story_item{ margin: 0 auto 30px;}
.story_list{ margin: -50px 0;}
.story_list li{ overflow: hidden; padding: 50px 0; position: relative;}
.story_list li:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%;}
.story_img,.story_info{ /*display: inline-block; vertical-align: bottom;*/ float: left; overflow: hidden; position: relative;}
.story_info{ width: 38%; float: left; padding-right: 40px; color: #333; font-size: 16px; letter-spacing: 0.04em; line-height: 2;}
.story_img{ width: 62%; max-width: 737px;}
.story_tit{ font-size: 32px; line-height: normal; letter-spacing: 0; font-weight: bold; font-family:"仿宋", FangSong,arial, helvetica, sans-serif; margin-bottom: 30px;}
.story_tit span{ display: inline-block; padding-right: 47px; background: url("../images/ico_06.png") right center no-repeat; position: relative;}
.story_tit span:before{ content: ""; position: absolute; bottom: -3px; left:0; width: 0; height: 2px; background: #791722;}
.story_list li.li_dif .story_info{ float: right; padding-right: 0; padding-left: 40px;}
.story_list li:hover .story_tit span:before{ width: 100%; }
.story_list li:hover:before{ background-color: #f7f7f7;}
/*=============================about=============================*/
.about_sec{ padding: 50px 0;}
.about_sec .sec_tit{ margin-bottom: 50px;}
/*intro*/
.intro{position: relative; padding-top: 0;}
.intro:before{ content:""; position: absolute; top:60px; left:-30%; width: 387px; height: 37px; background: url("../images/story_01.png") no-repeat;}
.intro_tit{ position: relative; float: left; margin-right: 70px; background: #fff;}
.intro_des{ position: relative; overflow: hidden; line-height: 2; text-align: justify;}
.about_item{ margin-bottom:10px;}
/*historical*/
.historical{ position: relative;}
.historical:before{ content:""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: url("../images/message_01.jpg") repeat;}
/*historical_scr*/
.historical_scr{ }
.historical_scr #sync1{ width: 66%; max-width: 794px; margin: 0 auto; background: url("../images/about_03.png") center top no-repeat; background-size: cover; padding: 35px 50px;}
.historical_area{ padding: 20px; min-height: 142px; background: #fff;}
.historical_scr #sync1 .owl-controls{ margin: 0;}
.historical_scr #sync1 .owl-controls .owl-buttons div{ position: absolute; top:50%; left:-113px;  border-radius: 0; padding: 0; margin: 0; text-indent: -9999px; filter: Alpha(Opacity=100); opacity: 1; margin-top:-68px; width: 33px; height: 135px; background: url("../images/arrow2.png") no-repeat;}
.historical_scr #sync1 .owl-controls .owl-buttons div.owl-next{ left:auto; right: -113px; background-position: right 0;}
.year_info{ }
.year_tit{ font-size: 14px; font-weight: bold; color: #791722; margin-bottom: 10px;}
.year_tit span{ display: inline-block; background: url("../images/ico_07.png") right center no-repeat; padding-right: 26px;}
.year_scr{ line-height: 22px;}
.year_scr .item{ overflow: hidden;}
.year_img{ width: 200px; float: left; padding:0 20px; border-right: 1px dotted #9d9d9d; margin-right: 30px;}
.year_img img{ width: auto; max-width: 100%; height: 120px;}
.year_des{ overflow: hidden;}
.historical_scr #sync1 .year_scr .owl-controls .owl-buttons{ float: right;}
.historical_scr #sync1 .year_scr .owl-controls .owl-buttons div{ position: inherit; width: 22px; height: 22px; background: #791722 url("../images/arrow1_left.png") center center no-repeat; margin: 0 2px;}
.historical_scr #sync1 .year_scr .owl-controls .owl-buttons div.owl-next{ background-position: center center; background-image: url("../images/arrow1_right.png");}
.historical_scr #sync2{ margin-top: 5%; padding-top: 30px; border-top: 1px solid #ddd;}
.historical_scr #sync2 .item{ cursor: pointer;}
.historical_scr #sync2 span{ display: inline-block; background: url("../images/about_01.png") right top no-repeat; padding-right: 84px; font-size: 16px; font-weight: bold;}
.historical_scr #sync2 span em{ display: block; width: 16px; line-height: 20px;}
.historical_scr #sync2 .synced span{ color: #791722; background-image: url("../images/about_01b.png");}

.historical_scr #sync1 .year_scr .owl-controls{ position: absolute; bottom: 0; right: 0; width:52px;}
/*honor_scr*/
#honor_scr{ margin:0 -25px;}
#honor_scr .item{ padding: 0 25px;}
#honor_scr .owl-controls,#social_scr .owl-controls{ height: 57px; overflow: hidden; line-height: 57px; background: url("../images/about_05.png") center top no-repeat;}
#honor_scr .owl-controls .owl-page span,#social_scr .owl-controls .owl-page span{ margin: 0 5px; background: #fff; filter: Alpha(Opacity=100); opacity: 1;}
#honor_scr .owl-controls .owl-page.active span, #honor_scr .owl-controls.clickable .owl-page:hover span,#social_scr .owl-controls .owl-page.active span, #social_scr .owl-controls.clickable .owl-page:hover span{ background-color: #791722;}
/*social*/
.social{ position: relative;}
.social:before{ content:""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: url("../images/message_01.jpg") repeat;}
#social_scr{ margin: 50px -15px 0;}
#social_scr .item{ padding: 0 15px;}
#social_scr .item a{ display: block; color: #666; background: #f0f0f0; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; position: relative;}
#social_scr .item a img{ margin-bottom: 20px;}
#social_scr .item a:before{ content: ""; position: absolute; bottom: 0; left:50%; width: 0; height: 1px; background: #791722;}
#social_scr .item a:hover{ color: #791722;}
#social_scr .item a:hover:before{ width: 100%; left:0;}
/*speech*/
.speech_info{ font-size: 12px; color: #999; line-height: 2; text-align: justify;}
.speech_info img{ display: inline-block;}
/*newest_rec*/
.newest_rec{ margin: 0 0 50px;}
.newest_rec li{ float: none; padding: 0;}
.newest_rec li a{ overflow: hidden;}
.newest_rec li .list_img{ width: 600px; float: left; margin:0 30px 0 0;}
.newest_rec li .list_img img{ max-width: none;}
.newest_rec li .list_info{ padding-top: 30px; padding-bottom: 30px; overflow: hidden; background-position: left 30px;}
.newest_rec li:hover{ box-shadow: none;}
.newest_rec li .list_des{ line-height: 30px; height:180px; margin-bottom: 20px;}
/*visit*/
.visit_warp{ position: relative; overflow: visible; background:#fff url("../images/visit_02.png") right 120px no-repeat;}
.visit{ padding-bottom: 80px; position: relative; z-index: 200;}
.visit .story_list li:before{ display: none; }
.visit .story_list li.visit_tit{ padding: 0;}
.visit .story_list li.visit_tit img{ margin: 0 auto;}
.img_total{ font-size: 16px; line-height: 54px; font-family: arial, helvetica, sans-serif; color: #fff; position: absolute; bottom: 0; right:58px; z-index: 10;}
.visit_scr .owl-controls{ margin: 0; width: 164px; height: 54px; background: rgba(0,0,0,.7); position: absolute; bottom: 0; right: 0;}
.visit_scr .owl-controls .owl-page { position: absolute; bottom: 0; right: 78px; filter: Alpha(Opacity=0); opacity:0;  }
.visit_scr .owl-controls .owl-page span{ padding: 0; margin: 0 10px; background: none; border-radius: 0;}
.visit_scr .owl-controls .owl-page span.owl-numbers{ padding: 0; border-radius: 0; font-size: 26px; line-height: 54px; font-family: arial, helvetica, sans-serif;}
.visit_scr .owl-controls .active{ filter: Alpha(Opacity=100); opacity: 1;}
.visit_scr .owl-controls .owl-buttons div{ padding: 0; background: none; text-indent: -9999px; border-radius: 0; margin: 0 10px; filter: Alpha(Opacity=100); opacity: 1; width: 29px; height: 29px; background: url("../images/arrow2_left.png") center center no-repeat; position: absolute; top:50%; margin-top: -15px; left:5px;}
.visit_scr .owl-controls .owl-buttons div.owl-next{ left: auto; right: 5px; background-image: url("../images/arrow2_right.png");}
.apply{ margin-top: 0; position: relative;}
.apply:after{ content: ""; width: 342px; height: 362px; background: url("../images/visit_03.png") left bottom no-repeat; position: absolute; top:-310px; left: 0; z-index: 100;}
.apply .m_handle{ text-align: right; overflow: hidden;}
.apply .m_handle .m_submit,.apply .m_handle .m_reset{ margin:0 0 0 30px;}
.apply_radio{ float: left;}
.apply_radio input{ vertical-align: text-top;}
/*============================group_warp==========================*/
.group_warp{ position: relative;}
.group_warp:before{ content: ""; width: 192px; height: 322px; background: url("../images/group_01.png") no-repeat; position: absolute; top:70px; right: 0; z-index: 100;}
.group_warp:after{ content: ""; width: 230px; height: 210px; background: url("../images/group_02.png") no-repeat; position: absolute; bottom:0; left: 0; z-index: 100;}
/*g_intro*/
.g_intro{ font-size: 16px; line-height: 2; font-family: "Tahoma", "Century Gothic", "Arial", "宋体", "黑体";}
.g_i_left{ padding: 0 50px 0 0;}
.g_i_left img{ display: inline-block;}
.g_i_tit{ text-align: right; margin-bottom: 20px; position: relative;}
.g_i_tit:before{ content:""; position: absolute; bottom:30px; left:-50px; width: 387px; height: 37px; background: url("../images/story_01.png") no-repeat;}
.g_i_right{ padding: 0;}
/*g_fang*/
.g_fang{font-size: 16px; line-height: 2; font-family: arial, helvetica, sans-serif;}
.fang_tit{ float: left; margin-right: 60px;}
.fang_info{ overflow: hidden;}
.fang_info img{ display: inline-block;}
/*g_attending*/
.g_attending{ font-family: arial, helvetica, sans-serif;}
.g_a_left{ float: left;}
.g_a_right{ padding: 40px 0 0 60px; overflow: hidden; position: relative;}
.g_a_right:before{ content:""; position: absolute; top:0; left:-60px; width: 387px; height: 37px; background: url("../images/story_01.png") no-repeat;}
.g_a_right img{ display: inline-block;}
.attending_tit{ text-align: center; margin-bottom: 30px;}
/*skill*/
.skill{}
.skill li{ padding: 10px 0; overflow: hidden; font-family: arial, helvetica, sans-serif; }
.skill_img{ width: 256px; height: 256px; padding: 15px; background: url("../images/skill_01.png") no-repeat; float: left; margin-right: 5%;}
.skill_img img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.skill_info{ overflow: hidden; padding: 80px 0 40px; position: relative;}
.skill_info:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 1px; border-bottom: 1px dotted #cacaca;}
.skill_info:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 1px; border-bottom: 1px dotted #791722;}
.skill_num{ float: left; margin-right: 30px;}
.skill_txt{ overflow: hidden;}
.skill li:hover .skill_info:after{ width: 100%;}
.skill li:hover .skill_img{ margin-right: 4%;}
/*======================================join_sec======================================*/
.join_sec{ padding: 60px 0;}
.join_sec .sec_tit{ margin-bottom: 50px;}
/*post*/
.post{ padding-top: 0; position: relative; z-index: 200;}
.join_tab{ margin: -30px 0; float: left;}
.join_tab li{ padding: 30px 0; cursor: pointer;}
.join_tab li span{ display: inline-block; min-height: 92px; background: url("../images/about_01.png") right top no-repeat; padding-right: 84px; font-size: 16px; font-weight: bold;}
.join_tab li span em{ display: block; width: 16px; line-height: 20px;}
.join_tab li.join_cur span{ color: #791722; background-image: url("../images/about_01b.png");}
.join_info{ padding-left: 84px; overflow: hidden; filter:alpha(opacity=100); opacity: 1; height: auto;}
.join_dis{ filter:alpha(opacity=0); opacity: 0; height: 0;}
/*join_scr*/
.join_scr{ }
.join_scr .item{ text-align: center; background: url("../images/ico_09.png") center top no-repeat; position: relative;}
.join_scr .item a{ display: block; height: 315px; border-left: 1px solid #cacaca; background: url("../images/join_01.png") 800% bottom no-repeat; padding-top: 36px;}
.join_en{ display:inline-block; vertical-align:top;  font-family: Aparajita; text-transform: uppercase; -webkit-writing-mode:vertical-rl; writing-mode:tb-rl;writing-mode:vertical-rl;}
.join_cn{ display:inline-block; vertical-align:top; width: 18px; font-size: 18px; line-height: 22px; font-weight: bold;}
.join_num{ display:block; position: absolute; bottom: 0; left:0; width: 100%;}
.join_num em{ font-family: arial, helvetica, sans-serif; font-size: 32px; color: #a3000d;}
.join_scr .item:hover{ background-position: center -50px;}
.join_scr .item a:hover{ background-color: #791722; background-position: right bottom; color: #fff;}
.join_scr .item a:hover .join_num{ bottom: 50px;}
.join_scr .item a:hover .join_num em{ color: #fff;}
.join_scr .owl-controls{ margin: 0; position: absolute; bottom: 0; left:-46px;}
.join_scr .owl-controls .owl-buttons div{ border-radius: 0; margin: 0; text-indent: -9999px; padding: 0; filter:alpha(opacity=100); opacity: 1; display: block; width: 32px; height:32px; background:url("../images/arrow3_left.png") center center no-repeat; margin-top: 10px;}
.join_scr .owl-controls .owl-buttons div.owl-next{ background-image: url("../images/arrow3_right.png");}
.join_scr .owl-controls .owl-buttons div:hover{ background-color: #791722; background-image: url("../images/arrow3_left2.png");}
.join_scr .owl-controls .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow3_right2.png");}
/*in*/
.in{ position: relative; background: url("../images/message_01.jpg") repeat; }
.in:after{ content: ""; width: 342px; height: 362px; background: url("../images/visit_03.png") no-repeat; position: absolute; top:-310px; left: 0; z-index: 0;}
.in_box{  position: relative; z-index: 10;}
.in_area{ overflow: hidden; height: auto; filter: Alpha(Opacity=100); opacity:1;}
.in_dis{ height:0; filter: Alpha(Opacity=0); opacity:0;}
.in_show{ width: 46.5%; float: left; margin-right: 5%;}
.in_overview{ overflow: hidden; position: relative; padding-bottom: 80px;}
.in_tit{ font-size: 24px; font-weight: bold; padding-bottom:15px; background: url("../images/ico_12.png") left bottom no-repeat; margin-bottom: 30px;}
.in_tab{ position: absolute; bottom: 0; right:0; z-index: 10; width: 48.5%; max-width: 573px; margin: 0 auto; background: url("../images/in_01.png") no-repeat; background-size: 100%;}
.in_tab li{ float: left; cursor: pointer; width: 25%; height: 53px; line-height: 53px; font-size: 26px; font-weight: bold; font-family:"仿宋", FangSong,arial, helvetica, sans-serif;  text-align: center; background: url("../images/ico_13.gif") right center no-repeat;}
.in_tab li.in_cur{ background-color: #000; color: #fff;}

/*guide*/
.guide{ position: relative;}
.guide:before{ content: ""; width: 321px; height: 307px; background: url("../images/dec_01.png") no-repeat; position: absolute; top:-192px; right: 0; z-index: 0;}
.guide:after{ content: ""; width: 342px; height: 309px; background: url("../images/dec_02.png") no-repeat; position: absolute;  bottom: -80px; left: 0; z-index: 0;}
.guide_map{ margin-bottom: 60px;}
.guide_scr{}
.guide_scr .item{ font-size: 18px; line-height: 30px; text-align: center;}
.guide_tit{ margin-bottom: 10px;}
.guide_tit img{ margin: 0 auto;}
.guide_des{ max-width: 240px; margin: 0 auto;}
/*join_end*/
.join_end{}
.end_l{ width: 138px; float: left; text-align: center; position: relative; margin-right: 5%;}
.end_l a{ display: block; height: 315px; background:#791722 url("../images/join_01.png") right bottom no-repeat; color: #fff; padding-top: 36px;}
.end_l a .join_num{ bottom: 50px;}
.end_l a .join_num em{ color: #fff;}
/*end_article*/
.end_article{ overflow: hidden; font-size: 12px; line-height: 2;}
.join_item{ font-weight: bold; font-size: 18px; background: url("../images/ico_10.gif") left center no-repeat; padding-left: 18px; margin-bottom: 10px;}
/*end_r*/
.end_r{ width: 294px; float: right; margin-left: 5%;}
.kouhao{ text-align: right; font-size: 30px; margin-bottom: 10px;}
.kouhao b{ display: block; font-size: 20px;}
.email_to{ height: 229px; padding-top: 140px; background: url("../images/join_02.jpg") no-repeat; text-align: center;}
.email_to h6{ font-weight: bold; font-size: 20px;}
.email_to a{ font-family: arial, helvetica, sans-serif;}
.end_r2{ display: none;}
/*media_list*/
.media_list{ margin-top: -40px;}
.media_list li{ margin-top: 40px;}
.media_list li .list_img{ position: relative; background: #000;}
.media_list li .list_img img{ filter:alpha(opacity=80); opacity:0.80;}
.media_list li .list_img:before{ content: ""; width: 94px; height: 94px; position: absolute; top:50%; left:50%; z-index: 10; margin: -47px 0 0 -47px; background: url("../images/ico_11.png") center center no-repeat; background-size: cover;}
.customer_list li .list_img:before{ display: none;}
.customer_list li.li_video .list_img:before{ display: block;}
/*article*/
.article{ text-align: justify; }
.article img{ display: inline-block;}
.article_area{}
.article_top{ overflow: hidden; padding-top: 20px; border-top:2px solid #999; margin-bottom: 20px; background: url("../images/ico_02.png") left 20px no-repeat; padding-left: 30px;}
.article_tit{ font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 5px;}
/*error*/
.error_img{ margin: 12% auto 5%;}
.error_back{ display: block; width: 125px; height: 46px; margin: 0 auto; background: url("../images/erro_02.png") no-repeat; text-indent: -9999px;}
.error_back:hover{ background-image: url("../images/erro_02b.png");}




*:before,*:after,a,
.nav_list li.li_item0 a.a_item0 img,.menu-overlay,
.information_area,.information_scr .owl-controls .owl-page span,.skill_img,
.list_01 li,
.m_submit,.m_reset,
.join_scr .item,.join_num,.join_info,.join_scr .owl-controls .owl-buttons div,.in_area{
    -webkit-transition: transition:all 0.4s ease;
    -moz-transition: transition:all 0.4s ease;
    -ms-transition: transition:all 0.4s ease;
    transition:all 0.4s ease;
}


@media (min-width: 768px){
    /*list_02*/
    .list_02{ margin: -20px 0;}
    .list_02 li{ float: none; width: 100%; max-width: none; padding:20px 0; position: relative;}
    .list_02 li .list_img{ margin: 0; width: 371px; float: left; margin-right: 40px;}
    .list_02 li .list_info{ overflow: hidden; border-width: 1px;}
    .list_02 li .list_des{ line-height: 28px; height: 84px;}
    .list_02 li:hover{ box-shadow: none;}
    .list_02 li:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: #fff;}
    .list_02 li:hover:before{ box-shadow:none; background-color: #f7f7f7;}
}

@media (min-width: 1200px){
    .body_index .container{ width: 1110px;}
}

@media (min-width: 1440px){
    .container{ width: 1230px;}
    .body_index .container{ width: 1110px;}
}

@media (max-width: 1199px){
    /*information*/
    #adv_pc{ margin-right: 0; margin-left: 30px;}
    .information_tit{ width: 60%;}
    /*newest_rec*/
    .newest_rec li .list_img{ width: 487px;}
}

@media (max-width: 991px){
    main{ padding-top: 50px;}
    /*paging*/
    .paging{ font-size: 14px;}
    .paging a{ width: 26px; height: 26px; line-height: 26px; margin: 0 5px;}
    .paging a.paging_prev, .paging a.paging_next{ width: 98px; height: 38px; line-height: 38px; background-size: 100%;}
    /*information*/
    .index_con{ padding-bottom: 40px;}
    #adv_pc{ display: none;}
    #adv_phone{ display: block; margin: 30px 0 0; width: 100%;}
    #adv_phone a:before{ display: none;}
    #adv_phone a{ padding: 10px;}

    .information{ width: 100%;}
    /*newest_rec*/
    .newest_rec li{ max-width: 687px; margin: 0 auto;}
    .newest_rec li .list_img{ width: auto; float: none; margin: 0 0 30px;}
    .newest_rec li .list_des{ height: auto; max-height:180px;}
    /*story*/
    .story_info,.story_img,.story_list li.li_dif .story_info,.story_list li.li_dif .story_img{ width: 100%; padding: 0; float: none;}
    .story_img{ margin-top: 20px;}
    /*join_end*/
    .end_r{ display: none;}
    .end_r2{ display: block; margin-top:30px;}
    .end_r2 .kouhao{ text-align: left;}
    .end_r2 .email_to{ height: auto; padding: 0; background: none; text-align: left;}
    /*in_show*/
    .in_show{ width: 100%; margin: 0 0 30px; float: none;}
    .in_show .visit_scr .item img{ max-width: none; width: 100%;}
    .in_overview{ padding: 0;}
    .in_tab{ position: inherit; width: 100%; margin-bottom: 10px;}
    /*historical*/
    .historical_scr #sync1{ width: 80%; background: none; padding: 0;}
    .historical_area{ padding: 15px;}
    .historical_scr #sync1 .owl-controls .owl-buttons div{ left:-43px;}
    .historical_scr #sync1 .owl-controls .owl-buttons div.owl-next{ left:auto; right: -43px;}
}

@media (min-width: 768px) and (max-width: 991px){
    /*list_02*/
    .list_02 li .list_img{ width: 271px; margin-right: 20px;}
    .list_02 li .list_info{ padding-top: 15px; padding-bottom: 15px;}
    .list_02 li .list_tit{ margin-bottom: 14px;}
    .list_02 li .list_des { line-height: 24px; height: 48px; }


}

@media (max-width: 767px) {
    .position,.back{ float: none;}
    .position{ margin-bottom: 10px;}
    .back_top{ bottom: 10px; right: 10px;}

    .visit_warp{ background-image: none;}
    .in:after,.group_warp:before,.group_warp:after,.guide:before,.guide:after{ display: none;}
    /*list_01*/
    .list_01{ margin: -15px 0;}
    .list_01 li{ padding: 15px;}
    /*newest_rec*/
    .newest_rec{ margin: 0 0 50px;}
    .newest_rec li{ padding: 0;}
    .newest_rec li .list_img img{ max-width: 100%;}
    /*banner*/
    .banner,.banner_area{ height:188px;}
    .banner .sec_tit{ margin-top:60px;}
    .dec_l,.dec_r{ width: 15%; background-size: 300%;}
    .tit_img{ width: 50%; max-width: 260px;}
    /*paging*/
    .paging a{ display: none;}
    .paging a.paging_prev, .paging a.paging_next{ display: inline-block;}
    /*about*/
    .intro_tit{ max-width: 73px; margin-right: 20px;}
    .column_tit{ max-width: 50%; margin: 0;}
    .column_des,.intro_des{ overflow: visible;}
    #social_scr .item, #honor_scr .item{ padding: 0;}
    #honor_scr,#social_scr{ margin: 0;}
    /*m_form*/
    .m_form{ width: 100%;}
    /*g_fang*/
    .fang_tit{ margin: 0 15px 15px 0; max-width: 50%;}
    .fang_info{ overflow: visible;}
    /*g_attending*/
    .g_a_left{ max-width: 40%;}
    .g_a_right{ padding-left: 15px; overflow: visible;}
    /*in_tab*/
    .in_tab{ background: none;}
    .in_tab li{ width: 50%; font-size: 18px;}
    .join_info{ padding-left: 44px;}
    .join_tab li span{ background-size: 63%; padding-right: 44px;}

    .media_list li .list_img:before{ width: 54px; height: 54px; margin: -27px 0 0 -27px;}

    .information_item{ font-size: 18px;}

    .historical_scr #sync2 span{ padding-right: 64px;  background-size: 66%;}

    .apply .m_handle{ text-align: center;}
    .apply_radio{ float: none; margin-bottom: 10px;}
    .apply .m_handle .m_submit, .apply .m_handle .m_reset{ margin: 0 15px;}

    .skill_img{ width: 156px; height: 156px; background-size: cover; margin-right: 15px;}
    .skill_info{ padding: 15px 0;}

    img.img_pc{ display: none;}
    img.img_phone{ display: block;}

    /*information*/
    .information_tit{ width: 50%;}
    .information_tab{ margin-left: -8px;}
    .information_tab li{ margin-left: 8px;}
    .information_tab li a{ width: 32px; height: 100px; background-size: contain;}
    .information_box{ padding-top: 30px;}

}

@media (max-width: 639px) {
    .list_01 li{ width: 100%; max-width: 401px; float: none;}
    .newest_rec li{ max-width: none;}

}

@media (max-width: 479px) {
    .end_l{ width: auto; float: none; text-align: left; margin: 0 0 30px 0;}
    .end_l a{ height: auto; padding: 10px 15px; background-size: contain;}
    .end_l a .join_num{ line-height: normal; position: inherit; display: inline-block; vertical-align: top; width: auto; margin-left: 10px;}

    /*historical_scr*/
    .historical_scr #sync1{ width: 100%;}
    .year_img{ width: 100%; padding: 0 0 10px; float: none; border-right: 0; max-width: 160px; margin: 0 auto 10px; }
    .year_img img{ height: auto;}
    .year_des{ padding-top: 10px; border-top: 1px dotted #9d9d9d;}
    .historical_scr #sync1 .owl-controls .owl-buttons{ margin-top: 20px; display: none;}
    .historical_scr #sync1 .year_scr .owl-controls .owl-buttons{ display: block;}
    .historical_scr #sync1 .owl-controls .owl-buttons div{ position: inherit; margin: 0 5px; width: 30px; height: 60px; background-image: url("../images/arrow4.png");}

    .skill_img{ float: none; margin: 0 auto;}
}



/*图片划过样式*/
.aa{
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	width: 100%;
}
.aa{
	-webkit-transform: scale(1.11, 1.11);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 600ms;
	-moz-transform: scale(1.11, 1.11);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 600ms;
	transform: scale(1.11, 1.11);
	transition-timing-function: ease-out;
	transition-duration: 600ms;
	position: relative;
	z-index: 3;
}
aa{
	display: block;
    max-width: none;
	width: -webkit-calc(100% + 40px);
	width: calc(100% + 40px);
	-webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
	transition: opacity 0.60s, transform 0.60s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
aa {
	opacity: 1.0;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0);
}
.dis {
	display:none;
}
.show{ display: block;}
.bg_no {
	background:none;
}
.col_red{ color: #df0010;}